<template lang="html">
  <div class="order">
  	<TopBack :topBackText='topBackText'/>
    <OrderAddress />
    <OrderContent :commodity='commodity'></OrderContent>
    <OrderDetails :details='commodity'/>
  </div>
</template>

<script>
import TopBack from '../../components/TopBack.vue'
import OrderAddress from '../../components/cart/OrderAddress.vue'
import OrderContent from '../../components/cart/OrderContent.vue'
import OrderDetails from '../../components/cart/OrderDetails.vue'
export default {
  name:'Order',
  data(){
    return{
      topBackText:{
        centerText:'确认订单',
        rightText:'',
      },
      "commodity": [
          {
              "title": "东北有机红谷小米",
              "price": "45.5",
              'introduce': '2016东北有机小米小米小米小米小米小米',
              'img':require('@/assets/img/cart/shopping1.gif'),
              flag:false
          }
        ]
    }
  },
  components:{
	TopBack,
  OrderAddress,
  OrderContent,
  OrderDetails
  }
}
</script>

<style lang="less" scoped>
</style>
